/* pages/my/index.wxss */
.first {
  display: flex;
  align-items: center;
  // box-sizing: border-box;
  padding-left: 40rpx;
  width: 100%;
  height: 300rpx;
  background-image: url(http://cba.itlike.com/public/mweb/static/background/user-header2.png);
  background-size: cover;
}

.first .img {
  margin-right: 40rpx;
  width: 148rpx;
  height: 148rpx;
  border-radius: 74rpx;
}

.loginStatus {
  color: rgb(197, 154, 70);
}

.loginStatus .status {
  display: block;
  margin-bottom: 15rpx;
  font-size: 45rpx;
  font-weight: 700;
}

.loginStatus .goLogin {
  font-size: 30rpx;
}

.sec {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 40rpx 30rpx 40rpx 20rpx;
  margin-bottom: 15rpx;
  background-color: #fff;
}

.sec view {
  height: 135rpx;
  // background-color: pink;
}

.sec .left {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 500rpx;
  border-right: 1rpx solid #f1f1f2;
}

.sec .left text {
  display: block;
}

.sec navigator {
  text-align: center;
}

.sec .left .num {
  margin-bottom: 10rpx;
  color: red;
  font-weight: 700;
}

.sec .left .txt {
  color: rgb(102, 102, 102);
  font-size: 30rpx;
}

.sec .right {
  width: 180rpx;
  text-align: center;
}

.sec .right .qianbao {
  margin: 13rpx auto 10rpx;
  width: 50rpx;
  height: 50rpx;
  // background-color: skyblue;

  image {
    width: 100%;
    height: 100%;
  }
}

.sec .right text {
  color: rgb(102, 102, 102);
  font-size: 30rpx;
}

.third {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 0 30rpx;
  margin: 0 auto 15rpx;
  width: 700rpx;
  height: 170rpx;
  background-color: #fff;

  navigator {
    width: 150rpx;
    height: 100rpx;
    // background-color: pink;
    text-align: center;
  }
}

.third .icon {
  margin: 0 auto 10rpx;
  width: 50rpx;
  height: 50rpx;
  // background-color: skyblue;

  image {
    width: 100%;
    height: 100%;
  }
}

.third text {
  color: rgb(102, 102, 102);
  font-size: 30rpx;
}

.forty {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; 
  box-sizing: border-box;
  padding: 100rpx 30rpx 40rpx;
  margin: 0 auto;
  width: 700rpx;
  background-color: #fff;

  navigator {
    margin-bottom: 30rpx;
    width: 150rpx;
    height: 100rpx;
    // background-color: pink;
    text-align: center;
  }
}

.forty .title {
  position: absolute;
  top: 20rpx;
  left: 20rpx;
  font-size: 30rpx;
  color: rgb(48, 49, 51);
}

.forty .icon {
  margin: 0 auto 10rpx;
  width: 50rpx;
  height: 50rpx;
  // background-color: skyblue;

  image {
    width: 100%;
    height: 100%;
  }
}

.forty navigator text {
  color: rgb(102, 102, 102);
  font-size: 30rpx;
}